{extends file="../home.html"}
{block name="title"}{$head_title}{/block}
{block name="css"}
<link rel="stylesheet" type="text/css" href="/Public/Css/front/front_css/my_wallet.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/front/front_css/refresh_load.css?version={$version}"/>
<style type="text/css">
	body{
		background-color: #f3f3f3;
	}
	.menu{
		width: 100%;
		height: 2.5rem;
		background-color: #fff;

	}
	#load_wrapper{
	margin-top: 4.7rem;
	}
	#scroller {
    width: 100%;
    position: relative;
    top:0rem;
    z-index: 1;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
</style>
{/block}
{block name="content"}
<div class="title">
	
	<div class="return_icon"></div>
	<p><strong>消费记录</strong></p>
</div>


<div class="menu">
	<div class="current_module zcs">支出记录</div>
	<span class="unselect sr">收入记录</span>
	<span class="unselect cz">充值记录</span>
	<span class="unselect tx">提现记录</span>
</div>
<div id="load_wrapper">
<div id="scroller">
	<div id="pullDown">
		    <span class="pullDownIcon"></span>
		</div>
<!--还没有记录时-->
<!-- <div class="no_record">
	<div class="icon_norecord"></div>
	<p>还没有相关记录</p>
</div> -->


<ul>
	<li>
		<div class="expenditrue_list">
			<span class="h1">支出金额</span><span class="h5">-9元</span>
			<span class="h2">对方昵称</span><span class="h6">花花世界</span>
			<span class="h3">支出频道</span><span class="h7">赞赏频道</span>
			<span class="h4">支付时间</span><span class="h8">2017-06-13 13:20</span>

		</div>
	</li>

	<li>
		<div class="expenditrue_list">
			<span class="h1">支出金额</span><span class="h5">-9元</span>
			<span class="h2">对方昵称</span><span class="h6">花花世界</span>
			<span class="h3">支出频道</span><span class="h7">赞赏频道</span>
			<span class="h4">支付时间</span><span class="h8">2017-06-13 13:20</span>

		</div>
	</li>

	
</ul>



<div id="pullUp">
		<span class="pullUpIcon"></span><span class="pullUpLabel">上拉加载...</span>
</div>
{/block}
{block name="js"}
<script type="text/javascript" src="__JS__/front/front_js/iscroll.js"></script>

<script type="text/javascript" src="__PUBLIC__/Js/front/iscroll.js"></script>
<script type="text/javascript" src="__PUBLIC__/Js/front/front_js/consume_record_expenditrue.js"></script>
{literal}
<script type="text/javascript">
	var total = 1
    var firstRow = 1

	$('.return_icon').on('click',function(){
		window.location.href ='/Index/my_wallet'
	});
	
	$('.sr').on('click',function(){
		window.location.href ='/Index/consume_record_income'
	});
	$('.cz').on('click',function(){
		window.location.href ='/Index/consume_record_recharge'
	});
	$('.tx').on('click',function(){
		window.location.href ='/Index/consume_record_withdraw'
	});
</script>
{/literal}
{/block}
